ant design vue Drawer渲染的问题？
模版如下： <!-- 抽屉 之 资金流水--><a-drawer v-model:visible="money_record_drawer_visible" :forceRender="true" placement="right" size="large"><MoneyRecord :fund_code="fund_code"></MoneyRecor...
2024-02-24
ant design for vue 关于table的一些问题
1、为table添加分页： :pagination="pagination"pagination: { defaultPageSize: 10, showTotal: (total) => `共${total} 条数据`, total: 0, showSizeChanger: true, pageSizeOptions: ['10', '20', '50'], onShowSizeChange: (current, pageSize) => { ...
2024-01-10
electron-vue 引入 vue.ant.design报错
ERROR in ./node_modules/ant-design-vue/dist/antd.less (./node_modules/css-loader!./node_modules/less-loader/dist/cjs.js!./node_modules/ant-design-vue/dist/antd.less) Module build failed (from ./node_modules/less-loader/dist/cjs.js): // https://githu...
2024-01-10
ant-design-vue 按需加载遇到坑-less报错
网上多是2种解决方法：1，修改vue.config.js,根节点加css配置css: {loaderOptions: {less: {javascriptEnabled: true}}}2，方法2，把less版本降到3.0以下。反正我试了，都没用。然后测试了很多搜索结果，有一个可用，不知道是否有问题。这里分享一下：antv按需加载时，需要在babel.config.js中添加配置：plugins: [["i...
2024-01-10
Ant-design-vue Table组件customRow属性的使用说明
官网示例使用方式 // 表格中加入customRow属性并绑定一个custom方法 <a-table rowKey="stockOrderCode" :columns="columns" :dataSource="dataSource" :pagination="pagination" :customRow="customRow" > </a-table> // methods中定义方法 customRow(record, index) { return { // 这个style就是我自定义的...
2024-01-10
Ant-design-vue Table组件customRow属性的使用说明
官网示例使用方式 // 表格中加入customRow属性并绑定一个custom方法 <a-table rowKey="stockOrderCode" :columns="columns" :dataSource="dataSource" :pagination="pagination" :customRow="customRow" > </a-table> // methods中定义方法 customRow(record, index) { return { // 这个style就是我自定义的...
2024-01-10Handcode GUI或使用gui-designer工具
我想听听一些手工编写GUI的意见，就像将Java或Qt与C ++相比，还是使用gui-designer工具那样？GUI设计器工具的示例包括MFCGUI设计器，Qt设计器，Interface Builder（Apple）。我曾经是手编码的爱好者，但是从最近的经验来看，我已经切换了。我在手工编码中看到的问题是，编写GUI相当快且灵活，但是一旦您需要...
2024-01-10
ant-design-vue 为什么 placeholder 内的是缩略图？
https://antdv.com/components/image-cn<template> <a-space :size="12"> <a-image :width="200" :src="`https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.jpg?$...
2024-02-22
ant-design-vue有v-decorator时defaultValue无效
<a-input v-decorator="[ 'userName', { rules: [ { required: true, message: '请输入您的账号!' } ...
2024-01-10
解决ant design vue 表格a-table二次封装,slots渲染的问题
目的就是对a-table进行二次封装，但是在如何显示a-table的slot时遇到了问题，原本想法是在a-table内把$slots都渲染，期望在使用该组件时能正确渲染，然而。。。并不会正确渲染<template> <a-table bordered :scroll="{ x: scrollX, y: 600 }" v-bind="{...$attrs, ...$props, ...{dataSource: body, columns: header}}" :loading="loadingObj"...
2024-01-10
解决ant design vue 表格a-table二次封装,slots渲染的问题
目的就是对a-table进行二次封装，但是在如何显示a-table的slot时遇到了问题，原本想法是在a-table内把$slots都渲染，期望在使用该组件时能正确渲染，然而。。。并不会正确渲染<template> <a-table bordered :scroll="{ x: scrollX, y: 600 }" v-bind="{...$attrs, ...$props, ...{dataSource: body, columns: header}}" :loading="loadingObj"...
2024-01-10
Ant design vue 表格设置defaultExpandAllRows无效
问题defaultExpandAllRows设置后只有第一次有效解决方法需要加个v-if="tableData.length>0" <a-table :columns="columns" :data-source="tableData" rowKey="clst_table_id" :pagination="false" defaultExpandAllRows v-if="tableData.len...
2024-01-10
解决ant Design中this.props.form.validateFields未执行的问题
在使用ant Designd的 form 组件时发现点击提交方法中 this.props.form.validateFields((err, values) => {}) 部分未执行，也没有报错。原因：我使用了自定义校验 validator ，在自定义校验方法中有个错误，使用了未定义的变量。注意：1、使用validator 时，注意自定义方法中是否有错误；对于如何解决没有错误提示，官...
2024-01-10
解决ant Design中this.props.form.validateFields未执行的问题
在使用ant Designd的 form 组件时发现点击提交方法中 this.props.form.validateFields((err, values) => {}) 部分未执行，也没有报错。原因：我使用了自定义校验 validator ，在自定义校验方法中有个错误，使用了未定义的变量。注意：1、使用validator 时，注意自定义方法中是否有错误；对于如何解决没有错误提示，官...
2024-01-10
使用ant design vue的select组件时 下拉菜单选项随body滚动而滚动
加这个属性 :getPopupContainer="prpupContainer" <a-select :getPopupContainer="prpupContainer" > </a-select> methods: { prpupContainer () { return document.querySelector('#create-ticket') // ID是页面滚动的那个ID，根据自己来 }, ｝...
2024-01-10
vue用ant design中table表格,点击某行时触发的事件操作
使用customRow 设置行属性，写对应事件:customRow="rowClick"然后在data里面写rowClick: record => ({ // 事件 on: { click: () => { // 点击改行时要做的事情 // ...... console.log(record, 'record') } } })在官方文档中也写的很清楚补充知识：Ant-Design-Vue table 合并单元格，并且添加点击事件点击行，有一个cus...
2024-01-10
vue用ant design中table表格,点击某行时触发的事件操作
使用customRow 设置行属性，写对应事件:customRow="rowClick"然后在data里面写rowClick: record => ({ // 事件 on: { click: () => { // 点击改行时要做的事情 // ...... console.log(record, 'record') } } })在官方文档中也写的很清楚补充知识：Ant-Design-Vue table 合并单元格，并且添加点击事件点击行，有一个cus...
2024-01-10
解决ant-design-vue中menu菜单无法默认展开的问题
在ant-design-vue的文档中，menu有两个可以传的参数，分别为defaultOpenKeys和openKeys，但在接手做一个项目时，openKeys这个参数前人已经写了，可能是从文档中直接复制demo没有删除掉，我也没去管。等到需要用到这个defaultOpenKeys的时候，想做每次刷新还会再次打开上次打开的菜单的效果，但一直无效，网上...
2024-01-10
解决ant-design-vue中menu菜单无法默认展开的问题
在ant-design-vue的文档中，menu有两个可以传的参数，分别为defaultOpenKeys和openKeys，但在接手做一个项目时，openKeys这个参数前人已经写了，可能是从文档中直接复制demo没有删除掉，我也没去管。等到需要用到这个defaultOpenKeys的时候，想做每次刷新还会再次打开上次打开的菜单的效果，但一直无效，网上...
2024-01-10
oracle中的encrypt_des加密对应Java的加密方式
将18693157906加密后的密文是 FAD42A3BB2A4B9A5B36847714A56FE65二、java中对应的加密、解密方法public class Utils {#密钥 private static String key = "test#5&124*!de"; /** * 加密 * @param inStr * @return */ public static String ENCRYPT_DES(String inStr) { DESKeySpec des...
2024-01-10
ant design of vue对话框当中如何去掉右上角的叉号
不能直接将api的closable直接赋值为false；你需要先 :closable = 'closable'然后再 data(){ return{ closable: false } }...
2024-01-10
ant design vue select 组件 漂浮 下拉框闪烁 回车事件冲突
整体需求：select位于查询条件卡中，选中某些选项，按enter或者点击search可以进行搜索，同时要把查询条件卡折叠收起，下次查询再打开问题1：如图，多选框，下拉框选择某个条件，此时下拉框还没有收起来，点击search，之后整个搜索条件框折叠，出现下拉框短暂的漂浮到左上角后消失，每个浏览器都有类似情况搜索前：搜索后：问题2：为解决问题1，使用了官方的方法将下拉弹层渲染节点固定在触发器的父元素...
2024-02-27
ant-design-vue tabel x,y都设置滚动后错位的解决方法
通过自定义指令fit-columns来解决ellipsis设置truefunction adjustColumnWidth(table) { const thead = table.querySelector('thead'); const tbody = table.querySelector...
2024-01-10
新的Marvel Avengers Note 10壁纸在这里，安装它们很容易
为您的Note 10下载这些新鲜的壁纸。Note 10 s的自拍相机在手机中部具有轻拍功能，富有创造力的墙纸制造商正在将其用作功能。现在可以使用Galaxy Note 10（在任何地方都可以买到），奇迹复仇者联盟壁纸被创建也就不足为奇了。 就像Galaxy S10一样，Note 10和Note 10 Plus“ Infinity-O显示器”上的打孔相机位于...
2024-01-10
Ant Design Vue 的 Collapse 折叠面板如何一键展开所有？
需求：a-collapse 可以一键展开所有使用 javascript+vue3+Ant Design Vue 下了下面的代码：<template> <div> <a-button @click="expandAll">展开全部</a-button> <a-collapse ref="collapse"> <a-collapse-panel v-fo...
2024-02-06
